<link rel="stylesheet" type="text/css" href="../css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../css/themes/icon.css">

<div id="panel-executemonitor" data-options="border:false;width:100%">
  	<div class="well well-small" style="margin-left: 5px;margin-top: 5px">
		
		<p>
			<span class="badge">提示</span>
			此页列出所有事项, <span class="label-info"><strong>超过平均时限事项</strong></span> ,以不同颜色标注
		</p>
	</div>
	
	<div class="condition easyui-panel" data-options="closed:true,openAnimation:'slide',closeAnimation:'slide'">
		<form class="condition-form">
			<fieldset>
			<table> 	
				<tr>
					<th>申请科室</th>
					<td><input name="sqks" id="sqks" type="text"  class="easyui-textbox easyui-validatebox" style="width:150px"/></td>
					<th>事项类别</th>
					<td><input id="sxlb" name="sxlb" type="text"  class="easyui-textbox easyui-validatebox" style="width:150px"/></td>
					<th>申请人</th>
					<td><input id="sqrname" name="sqrname" type="text"  class="easyui-textbox easyui-validatebox" style="width:150px"/></td>										
				</tr>				
			</table>
			</fieldset>
		</form>
	</div>
	<div class="search-mm">			
			<div name="sqks_like">申请科室</div>
			<div name="sxlb_like">事项类别</div>
			<div name="sqrname_like">申请人</div>					
	</div>	
    <div class="tb-list" style="padding:2px 0">
		<table cellpadding="0" cellspacing="0"> 
			<tr>
				
				<td style="padding-left:2px" class="list-btn">
			
				</td>
				<td style="padding-left:2px">
					<input class="searchbox" type="text"/>
					<a href="javascript:void(0);" class="easyui-linkbutton conditon-search function-btn"  plain="true" >查询条件</a>
					<a href="javascript:void(0);" class="easyui-linkbutton conditon-search function-btn" iconCls="icon-search" plain="true" >执行查询</a>
				</td>
			</tr>
		</table>
	</div>
	<table id="executemonitor-dg" class="easyui-datagrid dg-list" 
		data-options="rownumbers:true,
		animate: true,						
		striped:true,
		border:true,
		singleSelect:true,
		idField: 'id',							
		fitColumns: true,
		pagination:true,		
		toolbar:'#tb-executemonitor',
		rowStyler: function (index, row) {
			if(row.sxzt!='办结'){
                if (row.over_days > 14 && row.over_days <= 56 ) {
                    return 'background-color:yellow;';
                }
                else if (row.over_days > 56 )
                {
                    return 'background-color:#FFB6C1;';
                }
             }                    
        }">
		
		<thead>				
			<tr>
				
				<th field="sxbh" width="60" align="center">事项编号</td>
				<th field="sqrq" width="60" align="center">申请日期</td>
				<th field="sxlb" width="100" align="center">事项类别</td>
				<th field="jtsx" width="120" align="center">具体事项</td>
				<th field="sqks" width="60" align="center">申请科室</td>
				<th field="sqrname" width="60" align="center">申请人</td>
				<th field="sqsj" width="60" align="center">申请时间</td>
				<th field="over_days" width="60" align="center">耗时（天）</td>
				<th field="sxzt" width="60" align="center">事项状态</td>										
			</tr>
		</thead>
		
	</table>
	  
	  		
	</div>
</div> 

 
<script>
requirejs(['listPageModule','executemonitorModule','domReady!'],function(listPage,executemonitor,doc){
	
	listPage.init({doc:doc,
		rootId:'panel-executemonitor',
		subSystemCode:'duties',
		moduleCode:'executeMonitor',
		editWindow:'executemonitor-win',		
		rowDblClick:	executemonitor.clickRow	,
		edit_window_height:500	
	});
});	
</script>

